<template>
    <div>
        <div class="container-bg">
            <div class="container-bg-item1"></div>
            <div class="container-bg-item2"></div>
        </div>
    </div>
</template>
<script>

export default ({
    data() {
      return{};  
    },
    methods: {
        
    },
})
</script>
<style scoped>
.container-bg{
    position: relative;
    width: 300px;
    height: 300px;
    background: #cfcfcf;
}
.container-bg-item1{
    position: absolute;
    bottom: 0px;
    width: 100px;
    height: 100px;
    background: red;
}

.container-bg-item2{
    width: 50px;
    height: 50px;
    background: green;
}

</style>